.attr-editor {
  position: relative;

  .attr-tools {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 1.5em;
    z-index: 5;

    .tool {
      border-radius: 3px;
      margin: 0 3px;
      padding: 5px;
      cursor: pointer;
    }
    .tool-edit{
      border: 1px solid #999;
    }
  }

  .attr-value-select {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;

    .checkable {
      background: #d7d7d7;

      &.ant-tag-checkable-checked {
        background: #1890ff;
      }
    }
  }

  .tagSelect-pic {
    display: inline-block;
  }

  .checkable, .edit-input {
    border: 1px solid #d9d9d9;
    width: 113px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 8px;
    font-size: 12px;
  }

  .edit-tools {
    position: absolute;
    top: 0px;
    right: -7px;

    .tool {
      background: #d9d9d9;
      border-radius: 0 3px 3px 0;
      padding: 0 5px;
      height: 35px;
      line-height: 33px;
      cursor: pointer;
    }
  }

  .attr-value-td {
    vertical-align: top;

    .ant-upload-list-picture-card {
      float: none !important;
    }

    .ant-upload-list-item {
      margin: 1px 8px 8px 5px !important;
    }
  }
}

